<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>房屋信息列表</title>
    <link th:replace="common/header"/>
    <link rel="stylesheet" th:href="@{/css/tip.css}"/>
    <script type="text/javascript" th:src="@{/js/androidwheel/androidwheel.js}"></script>
    <script type="text/javascript" th:src="@{/js/layer/tip.js}"></script>
</head>
<body class="no-skin">
<div th:replace="common/top"/>
<div class="main-container ace-save-state" id="main-container">
    <div th:replace="common/menu"/>
    <div class="main-content">
        <div class="main-content-inner">
            <div th:replace="common/title"/>
            <div class="page-content">
                <div th:replace="common/skin"/>
                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->
                        <h3 class="header smaller lighter blue"><i class="fa fa-list" aria-hidden="true"></i>房屋信息列表</h3>
                        <form id="form" name="form" th:action="@{/propertyOwnershipCertificate/getAll}" th:method="post"
                              th:object="${propertyOwnershipCertificateForm}">
                            <div class="row-fluid">
                                <!--PAGE CONTENT BEGINS HERE-->
                                <div class="span4">
                                    <button shiro:hasPermission="/propertyOwnershipCertificate/deleteAll"
                                            type="button" class="btn btn-danger"
                                            th:onclick="'deleteAll(\'/propertyOwnershipCertificate/deleteAll\');'">
                                        <i class="fa fa-times" aria-hidden="true"></i>删除
                                    </button>
                                </div>
                                <div class="span2">
                                    <div class="row-fluid">
                                        <div class="span3">
                                            <span class="input_text">关键字:</span>
                                        </div>
                                        <div class="span9">
                                            <input type="text" name="ownershiper" id="ownershiper" class="input_fix"
                                                   placeholder="关键字" th:value="*{ownershiper}" maxlength="100"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="span2">
                                    <div class="row-fluid">
                                        <div class="span4">
                                            <span class="input_text">登记字号:</span>
                                        </div>
                                        <div class="span8">
                                            <input type="text" name="loginNumber" id="loginNumber" class="input_fix"
                                                   placeholder="房屋所在楼层" th:value="*{loginNumber}" maxlength="20"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="span2">
                                    <div class="row-fluid">
                                        <div class="span5">
                                            <span class="input_text">建筑/使用面积:</span>
                                        </div>
                                        <div class="span7">
                                            <select th:field="*{coveredArea}" id="coveredArea" name="coveredArea"
                                                    class="input_fix">
                                                <option value="">全部</option>
                                                <option value="1">小于50平方米</option>
                                                <option value="2">50平方米-65平方米</option>
                                                <option value="3">65平方米-75平方米</option>
                                                <option value="4">75平方米-100平方米</option>
                                                <option value="5">大于100平方米</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="span2">
                                    <button class="btn btn-info" style="float: right;" type="button"
                                            onclick="pagechange(1);"><i class="fa fa-search"
                                                                        aria-hidden="true"></i>查询
                                    </button>
                                </div>
                            </div>
                            <table class="table">
                                <thead>
                                <tr>
                                    <td class="center" style="width:80px;"><label><a href="javascript:void(0);"
                                                                                     th:onclick="'selectAll(this)'">全/不选</a></label>
                                    </td>
                                    <td>房屋所有权人</td>
                                    <td class="hidden-480">房屋坐落</td>
                                    <td class="hidden-480">房屋性质</td>
                                    <td class="hidden-480">规划用途</td>
                                    <td class="hidden-480">共有情况</td>
                                    <td class="hidden-480">发证单位</td>
                                    <td class="hidden-480">建筑面积</td>
                                    <td class="hidden-480">使用面积</td>
                                    <td class="hidden-480">开始使用年限</td>
                                    <td class="hidden-480">结束使用年限</td>
                                    <td class="hidden-480">登记日期</td>
                                    <td class="hidden-480">登记字号</td>
                                    <td>操作</td>
                                </tr>
                                </thead>
                                <tbody>
                                <tr th:each="house: ${propertyOwnershipCertificateList}">
                                    <td class="center"><label><input type="checkbox" name="selectids"
                                                                     th:value="${house.id}"/><span
                                            class="lbl">&nbsp;</span></label></td>
                                    <td th:text="${house.ownershiper}"></td>
                                    <td class="hidden-480" th:text="${house.address}">doudou</td>
                                    <td class="hidden-480" th:text="${house.property}">1-1-1-1</td>
                                    <td class="hidden-480" th:text="${house.purpose}">南</td>
                                    <td class="hidden-480" th:text="${house.share}">89</td>
                                    <td class="hidden-480" th:text="${house.certificationUnit}">15/32</td>
                                    <td class="hidden-480"
                                        th:text="${#numbers.formatDecimal(house.coveredArea, 1, 2) + '平方米'}">海尔家园
                                    </td>
                                    <td class="hidden-480"
                                        th:text="${#numbers.formatDecimal(house.useableArea, 1, 2) + '平方米'}">海尔路9号102户
                                    </td>
                                    <td class="hidden-480"
                                        th:text="${#dates.format(house.yearLimitStart, 'yyyy年MM月dd日')}">山东-青岛-四方
                                    </td>
                                    <td class="hidden-480"
                                        th:text="${#dates.format(house.yearLimitEnd, 'yyyy年MM月dd日')}">商用
                                    </td>
                                    <td class="hidden-480" th:text="${#dates.format(house.getCardDate, 'yyyy年MM月dd日')}">
                                        2017-09-09
                                    </td>
                                    <td class="hidden-480" th:text="${house.loginNumber}">70</td>
                                    <td>
                                        <a shiro:hasPermission="/propertyOwnershipCertificate/edit" href="#"
                                           class="btn btn-warning btn-minier"
                                           th:href="@{'/propertyOwnershipCertificate/edit?id=' + ${house.id}}"
                                           th:text="修改">修改</a>
                                        <a shiro:hasPermission="/propertyOwnershipCertificate/delete" href="#"
                                           class="btn btn-danger btn-minier"
                                           th:href="@{'/propertyOwnershipCertificate/delete?id=' + ${house.id}}"
                                           th:text="删除">删除</a>
                                        <a shiro:hasPermission="/propertyOwnershipCertificate/view" href="#"
                                           class="btn btn-primary btn-minier"
                                           th:href="@{'/propertyOwnershipCertificate/view?id=' + ${house.id}}"
                                           th:text="查看详情">查看详情</a>
                                        <a shiro:hasPermission="/houseStatus/getAll" href="#"
                                           class="btn btn-primary btn-minier"
                                           th:href="@{'/houseStatus/getAll?ownerId=' + ${house.id}}"
                                           th:text="房屋状态">房屋状态</a>
                                        <a shiro:hasPermission="/otherRightDigest/getAll" href="#"
                                           class="btn btn-primary btn-minier"
                                           th:href="@{'/otherRightDigest/getAll?ownerId=' + ${house.id}}"
                                           th:text="他项权利摘要">他项权利摘要</a>
                                    </td>
                                </tr>
                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan="14">
                                        <div class="row-fluid" th:replace="common/page"/>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>
                        </form>
                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->
    <div th:replace="common/footer"/>
</div><!-- /.main-container -->
<div th:replace="common/buttom"/>
<div th:replace="common/layer"/>

</body>
</html>
